<?xml version='1.0' encoding='UTF-8' ?>
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./layout/mainTemplate.xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.org/ui"  
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns="http://www.w3.org/1999/xhtml">
    <ui:define name="top">
        <h:outputLabel value="Pedidos" class="tituloPrincipal"/>
    </ui:define>

    <ui:define name="left">
    </ui:define>
    <ui:define name="content">
        <h:form id="contenido">

            <p:dataTable paginator="true" rows="20" value="#{pedidoAction.listaPedidos}" var="pedido" id="tablaPedido">
                <f:facet name="header">  
                    Pedidos
                </f:facet>  
                <p:column style="width:2%">  
                    <p:rowToggler />  
                </p:column>  
                <p:column>
                    <f:facet name="header">
                        <h:outputText value="ID"/>
                    </f:facet>
                    <h:outputText value="#{pedido.idPedido}"/>
                </p:column>
                <p:column >
                    <f:facet name="header">
                        <h:outputText value="Estado"/>
                    </f:facet>
                    <h:outputText value="#{pedido.estado}"/>
                </p:column>
                <p:column >
                    <f:facet name="header">
                        <h:outputText value="Total"/>
                    </f:facet>
                    <h:outputText value="#{pedido.total}"/>
                </p:column>

                <p:column>
                    <f:facet name="header">
                        <h:outputText value="Modificar"/>
                    </f:facet>
                    <p:commandLink action="#{pedidoAction.modificar(pedido)}" value="Modificar" update=":contenido" ajax="false"/>
                </p:column>                

           </p:dataTable> 

            <br/><br/>
            <p:panel >
                <p:commandLink value="Principal" action="#{generalAction.navegaPrincipal()}" ajax="false"/>
            </p:panel>
        </h:form>
    </ui:define>
</ui:composition>

